<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>盒模型</title>

  <link rel="stylesheet" href="./h02.css">

</head>

<body>

  <div class="box">
    盒模型参考对象
  </div>

  111

  <div class="box box1">
    盒模型一
  </div>

  <div class="box2">
    <div class="box3">盒模型二</div>
  </div>

  <hr>

  <div class="box">显示模式</div>

  <span class="box">行内元素显示模式</span><span class="box">又一个行内元素</span>

  <div class="box">下一个块元素</div>


  <hr>

  <span class="btn">行内盒模型</span>
  <span class="btn">按钮</span>



  <hr>

  <span class="circle">圆</span>

  <span class="circle1">圆</span>









</body>

</html>